﻿

body{
    color:black;
    font-family: sans-serif;

    /*width:80%;*/
    /*margin:0 auto;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}
main{
    position: relative;
}
.container{
    width:90%;
    margin:0 auto;
}

h1{
    color:red;
    font-size: 30px;
    font-family: sans-serif;
    font-style: italic;
}
.top-image{
    width:250px;
}
.main-header{
    background-color: #f3ebeb;
    border-bottom: 3px solid grey;
    padding:10px;
    margin-bottom: 20px;
    position: sticky;
    top:0;
    z-index: 10;
}


.first-header{
    font-size: 30px;
    font-style: italic;
    text-align: center;
}

h2{
    font-size: 50px;
    font-weight: bold;
    font-family: sans-serif;
}

h4{
    font-size: 20px;
    font-family: sans-serif;
    text-transform: uppercase;
    text-align: center;
}



p{
    font-size: 20px;
    font-family: sans-serif;
    line-height: 1.5;
}

li{
    font-size: 20px;
    list-style: none;
    margin-top: 10px;
}
li:first-child{
    margin-top: 0;
}

footer p{
    font-size: 10px;
    text-align: center;
}

#copyright{
    font-size: 15px;
    font-style: italic;
}

.footer{
    border-top: 3px solid #f3ebeb;
}

a:link{
    color:red;
    text-decoration: none;
}

a:visited{
    color:#1098ab;
}

a:hover{
    color:orange;
    text-decoration: wavy;
}

a:active{
    background-color: black;
    color:red;
}


.first-a{
    border:3px solid red;


}
.second-a{
    border:3px solid red;
    margin-left: 50px;
}

nav a{
    margin:20px 10px;
    display: inline-block;
}

.a-wrapper{
    margin:20px 0;
    border:3px solid black;
    border-radius: 10px;
    width:100px;
    padding:10px;
    position:fixed;
    /*top:100px;*/
    /*left:100px;*/
    bottom:100px;
    right:100px;
    text-align: center;
    background-color: rgb(151,146,146);
}
.a-wrapper a{
    color:white;
}
.a-wrapper:hover{
    box-shadow:  1px 3px 3px 1px grey;
    cursor:pointer;
}
img{
    margin:20px 0;
}
p{
    margin-top:20px;
}

.fixed{
    border: 3px solid green;
    background-color: greenyellow;
    margin:0;
    padding:10px;
    position:fixed;
    bottom:50px;
    right:50px;
}
.sticky{
    border:2px solid red;
    background-color: orange;
    position:sticky;
    top:100px;
}
.sticky-header{
    border:1px solid red;
    position: sticky;
    padding:10px;
    top:0;

}